今天是第一天我們先從介紹javascript開始，以下是我的介紹
JavaScript 是一種廣泛使用的程式語言，特別適合用於網頁開發。它可以在瀏覽器中執行，並能夠動態地操作 HTML 和 CSS，以增強使用者互動體驗。

1. JavaScript 的基本特性

• 語法簡單：容易學習和使用，類似於 C 語言。
• 動態語言：變數的類型不需提前定義，可在程式運行時決定。
• 物件導向：支持物件和類別，使得程式碼更具結構性。
• 跨平台：無需編譯即可在不同的平台上執行，特別是瀏覽器。

2. 變數與資料型別

JavaScript 支援多種資料型別，包括數字、字串、布林值、物件、陣列等。

// 變數宣告
let number = 42;          // 數字型別
let name = "John";        // 字串型別
let isStudent = true;     // 布林型別

// 陣列與物件
let fruits = ["Apple", "Banana", "Mango"]; // 陣列
let person = {                             // 物件
    firstName: "John",
    lastName: "Doe",
    age: 25
};

3. 函數

JavaScript 中的函數可以被定義和呼叫來執行特定的任務。函數既可以有回傳值，也可以沒有。

// 基本函數
function greet(name) {
    return "Hello, " + name + "!";
}

let message = greet("Alice");
console.log(message);  // 輸出: Hello, Alice!

4. 條件判斷與迴圈

條件判斷和迴圈是控制程式流程的基本工具。

// 條件判斷
let age = 18;
if (age >= 18) {
    console.log("You are an adult.");
} else {
    console.log("You are a minor.");
}

// 迴圈
for (let i = 0; i < 5; i++) {
    console.log("Iteration number: " + i);
}

5. DOM 操作

JavaScript 可以用來操作 DOM（Document Object Model），從而動態地改變網頁內容。

// 取得元素並修改其內容
document.getElementById("myText").innerHTML = "Hello, JavaScript!";

// 事件處理
document.getElementById("myButton").addEventListener("click", function() {
    alert("Button was clicked!");
});

6. 非同步操作與 Promises

JavaScript 支援非同步程式碼，使得可以在等待某些操作完成（如網路請求）時不阻塞其他操作。

// 非同步函數與 Promise
function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve("Data fetched!");
        }, 2000);
    });
}

fetchData().then((data) => {
    console.log(data);  // 兩秒後輸出: Data fetched!
});

7. 總結

JavaScript 是一門強大且靈活的語言，尤其在前端開發中扮演著不可或缺的角色。除了上述基礎之外，JavaScript 還有許多進階特性，如模組化、ES6+ 語法、以及各種框架和工具（如 React、Node.js）。掌握 JavaScript 將為你在網頁開發領域打下堅實的基礎。